<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Login Page</title>
    <link rel="stylesheet" media="screen and (min-width: 780px)" href="stylesheets/login_big.css">
    <link rel="stylesheet" media="screen and (max-width: 780px)" href="stylesheets/phone.css">
    <script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-2.1.0.js"></script>
</head>

<body>
    <div class="box">
        <h2>Login</h2>
        <form>
            <div class="inputBox">
                <input id="user" type="text" required="">
                <label>Username</label>
            </div>
            <div class="inputBox">
                <input id="pwd" type="password" required="">
                <label>Password</label>
            </div>
            <input type="button" value="Submit" onclick="call()">
        </form>
    </div>
</body>

<script>
    function call() {
        // var data = {
        //     "username": "user01",
        //     "password": "123456"
        //     };

        var settings = {
            "async": true,
            "crossDomain": true,
            "xhrFields": { withCredentials: true },
            "url": "http://127.0.0.1:3000/login",
            "method": "post",
            "processData": false,
            // "data": JSON.stringify(data)
            "data": 'username=' + $("#user").val() + '&password=' + $("#pwd").val(),
            // "{\"username\": \"user01\",\"password\": \"123456\"}"
            "error": function (xhr, textStatus, errorThrown) {
                /*错误信息处理*/
                // 　　　　　　　　alert("状态码："+xhr.status);
                // 　　　　　　　　alert("状态:"+xhr.readyState);//当前状态,0-未初始化，1-正在载入，2-已经载入，3-数据进行交互，4-完成。
                // 　　　　　　　　alert("错误信息:"+xhr.statusText );
                // 　　　　　　　　alert("返回响应信息："+xhr.responseText );//这里是详细的信息
                // 　　　　　　　　alert("请求状态："+textStatus); 　　　　　　　　
                // 　　　　　　　　alert(errorThrown); 　　　　　　　　
                alert("请求失败，请稍后再试");
            },
            "success": function (response) {
                console.log(response);
                if(response.ret_code == 200){
                    alert(response.ret_msg);
                    location.href = 'http://127.0.0.1:3000' + response.ret_url;
                }
                if(response.ret_code == 1){
                    alert("账号或密码错误，请重新输入！");
                }
                
            }
        }

        $.ajax(settings).done(function (response) {
            
        });
    }

</script>

</html>